<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>供应商平台</title>
</head>
<body class="tob-wrap">
	<div th:replace="common/top"></div>
	<article class="container container-b6-associator clearfix">
		<div th:replace="common/left::side"></div>
		<section class="content">
			<h3 class="m-top-bar">
				<!--<img src="../images/temp/pic_30x30_01.jpg" alt=""/> <a href="#">HUAWEI
					Tech <icon class="icon-btn icon-btn-blue-close"></icon>
				</a>-->
			</h3>
			<div class="m-order-bar">
				<p>
					<strong>会员缴费</strong>
				</p>
			</div>
			<div class="pay-qrcode">
				<div class="ul-wrap">
					<ul class="clearfix">

						<li>
							<div class="info">
								<h5>普通会员</h5>
								<p>
									<strong class="price">100<span>元</span></strong> <span
										class="due">1年</span>
								</p>
							</div>
							<div class="pic">
								<p class="pic-qrcode">
									<img src="../images/temp/pic_qrcode_155x155_01.jpg" alt=""/>
								</p>
								<p>支付宝扫码付款</p>
							</div>
						</li>
						<li>
							<div class="info">
								<h5>高级会员</h5>
								<p>
									<strong class="price">500<span>元</span></strong> <span
										class="due">1年</span>
								</p>
							</div>
							<div class="pic">
								<p class="pic-qrcode">
									<img src="../images/temp/pic_qrcode_155x155_01.jpg" alt=""/>
								</p>
								<p>支付宝扫码付款</p>
							</div>
						</li>
						<li>
							<div class="info">
								<h5>升级至高级会员</h5>
								<p>
									<strong class="price">300<span>元</span></strong> <span
										class="due">1年</span>
								</p>
							</div>
							<div class="pic">
								<p class="pic-qrcode">
									<img src="../images/temp/pic_qrcode_155x155_01.jpg" alt=""/>
								</p>
								<p>支付宝扫码付款</p>
							</div>
						</li>
						<li>
							<div class="info">
								<h5>单项信息服务</h5>
								<p>
									<strong class="price">10<span>元</span></strong> <span
										class="due">1次</span>
								</p>
							</div>
							<div class="pic">
								<p class="pic-qrcode">
									<img src="../images/temp/pic_qrcode_155x155_01.jpg" alt=""/>
								</p>
								<p>支付宝扫码付款</p>
							</div>
						</li>

					</ul>
				</div>
			</div>
			<div class="record">
				<h5>
					缴费记录 <em>提示：请勾选需要开发票的项，并填写邮寄地址，支付邮费后我们会在7个工作日内为您寄出发票</em>
				</h5>
				<div class="record-table">
					<table cellpadding="0" cellspacing="0" width="700">
						<tbody>
							<tr>
								<td><input type="checkbox" value=""/></td>
								<td>2015-06-03</td>
								<td>普通会员续缴年费</td>
								<td>￥100</td>
								<td>有效期：2015-06-03</td>
								<td><span class="gray-light">未开发票</span></td>
							</tr>
							<tr>
								<td><input type="checkbox" value=""/></td>
								<td>2015-06-03</td>
								<td>升级至高级会员</td>
								<td>￥300</td>
								<td>有效期：2015-06-03</td>
								<td><span class="gray-light">未开发票</span></td>
							</tr>
							<tr>
								<td><input type="checkbox" value=""/></td>
								<td>2015-06-03</td>
								<td>购买高级会员</td>
								<td>￥500</td>
								<td>有效期：2015-06-03</td>
								<td>已开发票</td>
							</tr>
							<tr>
								<td><input type="checkbox" value=""/></td>
								<td>2015-06-03</td>
								<td>购买普通会员</td>
								<td>￥100</td>
								<td>有效期：2015-06-03</td>
								<td>已开发票</td>
							</tr>
						</tbody>
					</table>
					<p class="total">
						发票总金额 : <strong>￥<span>400</span></strong>
					</p>
				</div>
				<div class="record-form">
					<form action="" type="post">
						<p>
							<label class="label" for="">发票抬头 : </label><input class="input" type="text" />
						</p>
						<p>
							<label class="label" for="">收件人 : </label><input class="input" type="text" />
						</p>
						<p>
							<label class="label" for="">联系电话 : </label><input class="input" type="text" />
						</p>
						<p class="p-textarea">
							<label class="label" for="">收件地址 : </label>
							<textarea class="textarea" name="" id="" cols="45" rows="3"></textarea>
						</p>
						<p class="btn-bar">
							<a class="btn btn-cyan">确定</a>
						</p>
					</form>
				</div>
			</div>
			<div class="record-finish">
				<p>发票抬头 : 百度在线网络技术(北京)有限公司</p>
				<p>
					<span class="span-item">收件人 : 杨二车娜姆</span> <span class="span-item">13800138000</span>
					<span class="span-item">北京市海淀区上地东路1号百度大厦上地东路1号百度大厦上地东路1号百度大厦</span>
					<span class="span-item"><a href="#">修改收件信息</a></span>
				</p>
			</div>
			<div class="btn-bar">
				<a class="btn btn-small btn-cyan">支付邮寄费</a>
			</div>
		</section>
	</article>
</body>
<script data-main="../js/page/b1_supplier" src="../lib/requirejs/require.js"></script>
</html>